@use "../../../packages/theme/src/index.scss";

.vp-project-home {
    padding-top: 0 !important;

    .vp-hero-info {
        max-width: 1200px;
    }
}

pre {
    padding: 16px;
    background-color: var(--code-bg-color);

    code {
        // background: unset;
        color: var(--code-color);
        background-color: var(--code-bg-color);
    }
}

.vp-page-nav {
    border-top: none;
    padding: 0;
}

h2 {
    border-bottom: unset;
}

.demo_content {
    .su-button {
        margin-right: 8px;
    }
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-16 {
    margin-bottom: 16px;
}